html,body,#app {
    height: 100%;
}
.view-container,.tabexppanel-container{
    height: 100%;
    display: flex;
    flex-direction: column;
    .view-content{
        flex-grow: 1;
        overflow: auto;
    }
}

.view-modal-container{
    >.view-content{
        max-height: calc(100vh - 40px);
        overflow-y: auto;
    }
}
//门户视图
.app-view-appindexview {
    //数据看板视图
    .app-dashboard-view{
        position: absolute;
        bottom: 50px;
        top: 0;
        left: 0;
        right: 0;
        //视图内容
        >.view-content{
            position: absolute;
            top: 40px;
            bottom: 0;
            .app-mob-dashboard{
                //门户部件
                .app-mob-portlet {
                    //菜单
                    .app-menus-container{
                        //快速菜单栏
                        .app-quick-menus{
                            .van-panel__header{
                                .van-cell__title{
                                    text-align: left;
                                }
                            }
                        }
                    }
                    //实体列表
                    .app-mob-mdctrl{
                        .app-mob-mdctrl-item{
                            border-bottom: 1px solid #ebedf0;
                        }
						.van-cell{
							.van-cell__title{
								color: #323233;
							}
						} 
                    }
                }
            } 
        }
    }
    //首页嵌入多数据视图
    .app-view-mobmdview{
        .view-content{
            height: calc(100vh - 90px);
            display: inherit;
            flex-grow: unset;
        }
    }
}

//多数据视图
.app-view-mobmdview,.work-flow-demo-mob-wfmdview{
    .view-content{
        height: calc(100vh - 40px);
        display: flex;
        flex-direction: column;
        //部件内容
        .view-content-mdctrl{
           flex-grow: 1;
           overflow: scroll;
            .app-mob-mdctrl {
                height: 100%;             
            }
        }
    }
}

//多数据选择视图,数据选择视图
.app-view-mobmpickupview, .app-view-mobpickupview{
    .view-header{
        position: inherit;
    }
    .view-content{
        //height: calc(100vh - 40px);
        display: flex;
        flex-direction: column;
      .view-content-ctrl{
        flex-grow: 1;
        overflow: auto;
      }
    }
}

//编辑视图
.app-view-mobeditview{
    .view-content{
        >div{
            height: 100%;
            .app-form {
                //height: calc(100% - 4px);
                display: flex;
                flex-direction: column;
                .app-form-page {
                    overflow: auto;
                    flex-grow: 1;
                }
            }
        }
    }
}

//登录视图
  .app-login-view{
    .app-login-view-back{
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        
    }
    .app-login-view-title{
        color: aliceblue;
        text-align: left;
        padding-left:10%;
        margin-top:  100px ;
    }
    .app-login-view-input{
        background-color: aliceblue;
    }
    .login-content>.van-cell{
        width: 80%;
        margin: 10% auto;
    }
    .van-button--large {
        width: 80%;
        height: 50px;
        line-height: 48px;
    }
    .van-button--primary {
        background-color: deepskyblue;
        border: 1px solid deepskyblue;
    }
    .login-sign-in{
        background-color: deepskyblue;
    }
} 

//搜索表单
.app-mob-searchform {
    border-bottom: 1px solid #f9f1f1;
    padding:15px 15px 7px 15px;
    .search-form-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .search-form-content {
    
      .app-form-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #f9f1f1;
        height: 44px;
        font-size: 14px;
        color: #383838;
      }
    }
    .app-search-form-footer {
      padding-top: 8px;
      .app-search-form-footer-buttons {
        padding: 0 48px;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
    }
    .van-hairline--top-bottom::after, .van-hairline-unset--top-bottom::after{
        border:0;
    }
  }


//分页导航视图
.app-view-mobtabexpview{
    .view-content{
        .nut-tab{
            padding: 0px;
            border: 0;
            .nut-tab-title-leftnav{
                .nav-bar-left{
                    background:white;
                    display: none
                }  
                .nut-tab-link{
                    color: #26A2FF
                }     
            }
            .nut-tab-item{
                border: 0px;
                padding: 0px;
                height: auto;          
            }    
          
        }
    }
}    
  
//日历视图，日历部件视图
.app-view-mobcalendarview,.app-view-mobcalendarctrlview{
    height: 100vh;
    .view-content{
        height:calc(100% - 40px);
        overflow: auto;
        .app-mob-calendar {
        }
    }
    .wh_content_all[data-v-2ebcbc83]{
        background-color: #ffffff;
    }

    .wh_content_item[data-v-2ebcbc83], wh_content_item_tag[data-v-2ebcbc83]{
        color: #323233;
    }

    .wh_top_changge li[data-v-2ebcbc83]{
        color: #323233;
    }

    .wh_jiantou2[data-v-2ebcbc83]{
        border-top: 2px solid #323233;
        border-right: 2px solid #323233;
    }

    .wh_jiantou1[data-v-2ebcbc83]{
        border-top: 2px solid #323233;
        border-left: 2px solid #323233;
    }

    .wh_content_item>.wh_isMark[data-v-2ebcbc83]{
        border-radius: 10px;
        background: #8f8fef;
    }

    .wh_content_item .wh_chose_day[data-v-2ebcbc83]{
        background: #26a2ff;
        color: #323233;
        border-radius: 100px;
    }

    .wh_content_item .wh_isToday{
        color: #1cb3c3;
    }

    ul li .van-cell{
        border-bottom: 1px solid #ebedf0;
    }

    ul li .van-cell .van-cell__title{
        text-align: left;
        color: #2d2d2d;
    }
}

//向导部件
.app-mob-wizardpanel {
    .app-demobwizardview{
        height: calc(100vh - 44px);
        >div:first-child{
            height: calc(100% - 180px);
        }
        .van-checkbox{
            padding:10px;
        }
        .actionBtns{
            display: flex;
            justify-content: space-evenly;
        }
    }
}

//工作流编辑视图
.app-view-mobwfeditview{
    .view-content{
        >div:first-child{
            height: calc(100% - 160px);
        }
        .wflinksBtns{
            position: absolute;
            width: 100%;
            display: flex;
            justify-content: space-evenly;
            bottom: 100px;
        }
    }
}

//多数据部件
.app-mob-mdctrl {
    .mint-loadmore {
        .app-mob-mdctrl-item {
            .van-cell:not(:last-child)::after {
                border-bottom: none;
            }
            .van-cell-group{
                padding:15px;
                .van-panel__header{
                    padding:0;
                    border-bottom:none;
                    text-align: left;
                    .van-cell__title{
                        font-size :16px;
                        color:#000;
                    }
                }
                .van-panel__content{
                    >.van-panel__header{
                        line-height: 22px;
                        .van-cell__title,.van-cell__label{
                            color: #565656;
                            font-size: 14px;
                            font-weight:normal;
                            >span{
                               color : gray;
                            }
                            >.van-cell__label{
                                color:#565656;
                            }
                        }
                        >.time{
                            display: flex;
                            align-items: center;
                            >.van-cell__label{
                                color:#fff;
                                background: #26A2FF;
                                padding: 5px;
                                border-radius: 6px;
                            }
                        }
                    }
                }
            }
            .van-swipe-cell {
                .van-button {
                    height: 54px;
                }
            }
        }
    }
}

//数据选择部件
.app-view-mobmpickupviewmd{
    .view-content{
        .app-mob-mdctrl-mdctrl{
            height: 100%;
            .app-mob-mdctrl-item{
                .van-cell__title{
                    text-align: center;
                    color:#000;
                }
                .van-radio{
                    width:100%;
                    .van-radio__label{
                        flex-grow: 1;
                    }
                }
            }
        }
    }
}
//多数据选择部件
.app-view-mobmpickupviewmd{
    .view-content{
        .app-mob-mdctrl-mdctrl{
            height: 100%;
            .app-mob-mdctrl-item{
                .van-checkbox{
                    width:100%;
                    .van-checkbox__label{
                        flex-grow: 1;
                    }
                }
            }
        }
    }
}

//编辑表单部件
.app-form {
    padding-top:4px;
     overflow: auto;
     background: #f8f8f8;
     .van-tabs{
         .van-tab{
             .van-ellipsis{
                color: #929292; 
                font-weight: bold;
             }
         }
         .van-tab--active{
            .van-ellipsis{
                color: #fff; 
             }
         }
     }
     .van-collapse-item{
         .van-collapse-item__title{
             padding:15px;
             border-bottom: 1px solid #ebedf0;
              //分组标题
             .van-cell__title {
                 text-align: left;
                 color:unset;
                 font-size: 16px;
                 color: #929292;
                 font-weight: bold;
             }
         }
         .van-collapse-item__content {
             background: #f8f8f8;
             padding: 0 0 16px 0;
         }
     }
       //表单项
       .app-form-item {
         padding: 0 8px;
         display: flex;
         background: #fff;
         color: #969799;
         font-size: 13px;
         min-height: 38px;
         //width: 100%;
         align-items: center;
         justify-content:center ;
         border-bottom: 1px solid #f8f8f8;
            .app-form-item-label{
              text-align: left;
              font-size: 14px;
             color: #929292;
             font-weight: bold;
             }
             .app-form-item-editor {
                 font-size: 14px;
                 text-align: right;
                 >div>.van-row{
                    .van-col{
                        font-size: 14px;
                        color: #929292;
                        font-weight: bold;
                    }
                 }
                 .app-form-item-input,.app-form-item-textarea{
                     .van-field{
                         .van-field__body{
                             .van-field__control{
                                 text-align: right;
                                 color: #383838;
                             }
                         }
                     }
                 }
                 //下拉框单选
                 .app-select{
                     .van-dropdown-menu{
                         .van-dropdown-menu__title{
                             position: absolute;
                             right:15px;
                         }
                         .van-dropdown-item{
                             .van-dropdown-item__content{
                                 .van-dropdown-item__option{
                                    // text-align: center;
                                     .van-cell__title{
                                         color:#000;
                                     }
                                 }
                             }
                         }
                     }
                 }
                 //下拉框多选
                 .app-multiple-select{
                     .van-checkbox-group{
                         display: flex;
                         flex-wrap: wrap;
                         padding-top:10px;
                         .van-checkbox{
                             width: 28%;
                             margin-right: 14px;
                             margin-bottom:10px;
                         }
                     }
                 }
                 //时间选择器
                 .app-datetime-picker{
                     .van-field__control{
                         text-align: right;
                     }
                 }
                 //文件上传多选
                 .app-multiple-file-upload{
                     .app-multiple-list{
                         text-align: center;
                     }
                 }
                 //图片上传多选
                 .app-multiple-image-upload{
                     .app-image-list{
                         .app-image-list-item{
                             margin-right:8px;
                         }
                     }
                 }
                 //密码框
                 .app-form-item-password{
                     .van-field__control{
                         text-align: right;;
                     }
                 }
                 //文本框
                 >.app-form-item-input{
                     >.van-field{
                         padding:0 8px;
                     }
                 }
                 //数据选择
                 .app-form-item-picker{
                     .van-field__control{
                         text-align: right;;
                     }
                 }
                 //开关
                 .app-form-item-switch {
                     margin-top:5px;
                 }
             }
       }
    
       
       
       .van-tabs__wrap {
         .van-tabs__nav--card {
           margin: 0 4px;
         }
       }
       .van-hairline--top-bottom::after,
       .van-hairline-unset--top-bottom::after {
         border-width: 0;
       }
   
     
      
   }

//树导航部件
.app-mob-treeexpbar {
    height: 100%;
    .treeexpbar-container{
        display: flex;
        height: 100%;
        .treeexpbar-container-content{
            flex-grow: 1;
            overflow: auto;
        }
    }
}

//部件视图
.app-ctrl-view-header{
    height: 28px;
    line-height: 28px;
    text-align: right;
    padding: 0 12px;
    font-size: 28px;
    font-weight: bold;
    >i{
        cursor:pointer;
    }
}
//多表单视图面板样式
.app-mob-meditviewpanel{
    .app-medit-view-panel{
        .app-medit-view-panel-card{
            padding-top:12px;
            padding-left: 18px;
            padding-right: 18px;
            background: #f8f8f8;
        }
    }
}

.hidden{
    display: none!important;
}